<div id="x-home-head-slide" class="bui-slide slide-nav" >
    <div id="x-home-slide-main" class="bui-slide-main">
        <ul >
            <li class="active" >
                <ul class="index-nav bui-fluid-space">
                    <li class="bui-btn bui-box-vertical span3" title="/pages/user/user.html">
                        <div class="icons-round btn-blue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">用户管理</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-red">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">休假管理</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-orange">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">班表管理</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-green">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">岗位培训积分</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-green">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">问卷调查</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-orange">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">平台故障</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-thinblue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">服务号</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-blue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">应用市场</div>
                    </li>
                </ul>
                
            </li>
            <li class="" >
                <ul class="index-nav bui-fluid">
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-blue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">客服大学</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-red">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">休假管理</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-orange">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">班表管理</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-green">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">岗位培训积分</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-green">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">问卷调查</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-orange">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">平台故障</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-thinblue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">服务号</div>
                    </li>
                    <li class="bui-btn bui-box-vertical span3">
                        <div class="icons-round btn-blue">
                            <i class="icon"></i>
                        </div>
                        <div class="span1">应用市场</div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="bui-slide-head">
        <ul id="x-home-tab-nav">
            <li class="active"></li>
            <li class=""></li>
        </ul>
    </div>
</div>

<div class="bui-panel newcourse-panel">
    <div class="bui-panel-head">最新活动</div>
    <div class="bui-panel-main">
        <div id="x-home-middle-slide" class="bui-slide slide-focus" style="position: relative; overflow: hidden; width: 312px; height: 1.8rem;">
            <div id="slidemain" class="bui-slide-main" style="width: 936px; transform: translate(0px, 0px); transition: none;">
                <ul style="display: -webkit-box; -webkit-box-align: start; -webkit-box-pack: center; width: 100%;">
                    <li class="active" style="-webkit-box-flex: 1; width: 312px; overflow: hidden; height: 1.8rem;">
                        <img src="images/index2-img.png" alt=""/>
                    </li>
                    <li class="" style="-webkit-box-flex: 1; width: 312px; overflow: hidden; height: 1.8rem;">
                        <img src="images/index2-img.png" alt=""/>     
                    </li>
                    <li class="" style="-webkit-box-flex: 1; width: 312px; overflow: hidden; height: 1.8rem;">
                        <img src="images/index2-img.png" alt=""/>
                    </li>
                </ul>
            </div>
            <div class="bui-slide-head">
                <ul>
                    <li class="active"></li>
                    <li class=""></li>
                    <li class=""></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script>
	bui.slide({
		id:'#x-home-head-slide',
		menu:'#x-home-tab-nav',
		children:'.bui-slide-main >ul',
		scroll:true,
		height:300,
		zoom:true
	});
	//
	bui.slide({
		id:'#x-home-middle-slide',
		scroll:true,
		height:180,
		zoom:true,
		autoplay:true
	});
	
	$('#x-home-head-slide .bui-btn').click(function(e){
		var href = $(this).attr('title');
		bui.load({url:href});
	});
</script>